<template>
	<div class="wrap">
		<el-row :gutter="20">
			<el-col :span="6">
				<el-button size="primary" @click="openLink('Jaeger')" style="width: 100%;">链路追踪</el-button>
			</el-col>
			<el-col :span="6">
				<el-button size="primary" @click="openLink('RabbitMq')" style="width: 100%;">消息队列
				</el-button>
			</el-col>
			<el-col :span="6"><el-button size="primary" @click="openLink('ServiceCenter')" style="width: 100%;">服务中心
			</el-button>
			</el-col>
			<el-col :span="6">
				<el-button size="primary" @click="openLink('ConfigCenter')" style="width: 100%;">配置中心
				</el-button>
			</el-col>
		</el-row>
		
	</div>
</template>

<script>
	export default {
		name: 'other',
		data() {
			return {}
		},
		mounted() {},
		methods: {
			openLink(val) {
				switch (val) {
					case 'Jaeger':
						window.open('http://36.137.224.120:16686', '_blank');
						break;
					case 'RabbitMq':
						window.open('http://36.137.224.120:15672', '_blank');
						break;
					case 'ServiceCenter':
						window.open('http://36.137.224.120:8500', '_blank');
						break;
					case 'ConfigCenter':
						window.open('http://36.137.224.120:8082/etcdkeeper', '_blank');
						break;
				}
			},
		}
	}
</script>

<style scoped lang="scss">

</style>
